/**
 * Created by aflyi on 2017/5/8.
 */

//获取和设置 都是 transform的属性
// 获取的是 传2个值
// 设置的是 传3个值
// 第一个 对象 第二个 属性 第三个 值
function cssTransform( obj,attr,val ) {
    if(!obj.transform){ // 元素身上没有 transform属性 就创建对象
        obj.transform = {};
    }
    if( arguments.length === 3 ){  // 3个值是 设置
        obj.transform[attr] = val;
        var strVal = '';
        for ( var key in obj.transform){
            switch (key){
                case 'rotate':
                case 'rotateX':
                case 'rotateY':
                case 'skewX':
                case 'skewY':
                    strVal += key+'('+obj.transform[key]+'deg) ';
                    break;
                case 'translate':
                case 'translateX':
                case 'translateY':
                    strVal += key+'('+obj.transform[key]+'px) ';
                    break;
                case 'scale':
                case 'scaleX':
                case 'scaleY':
                    strVal += key+'('+obj.transform[key]+') ';
                    break;
            }
            obj.style.WebkitTransform = strVal;
            obj.style.transform = strVal;
        }
    }else {  //获取
        val = obj.transform[attr];
        if( typeof val === 'undefined'){
            if( attr == 'scale' || attr == 'scaleX' || attr == 'scaleY' ){
                val = 1;
            }else {
                val = 0;
            }
        }
        return val;
    }

}


















